* {
    padding: 0;
    margin: 0;
}

audio {
    padding: 0;
    margin: 0;
}

body {
    background-color: #005;
}

button {
    padding: 1%;
    color: #fff;
    background-color: #353500;
}

h2 {
    color: #ffd;
    padding: 2% 0 0 0;
}



#back {
    background-color: #ffb;
    border: 2px solid black;
    border-bottom: 1px solid black;
    margin: 3% 3% 0 3%;
    padding: 2% 1% 1% 1%;
    font-size: 3.5em;
    line-height: 1.2em;
    text-align: center;
    width: 40%;
    float: left;
    display: none;
}

#backEntry {
    background-color: #ffb;
    border: thin black solid;
    padding: 1%;
    margin-top: 1%;
    width: 20%;
}

#blankCard {
    background-color: #ffb;
    margin: 1%;
    padding: 1%;
    width: 40%;
    text-align: center;
}

#buttonPar {
    border: thin solid black;
    margin-top: 1%;
    width: 20%;
    padding: 1%;
    text-align: center;
    background-color: #ffb;
}

#container {
    line-height: 1.8em;
    padding: 0 1.5%;
}

#createOrReview {
    background-color: #ffb;
    border: thin black solid;
    width: 20%;
    padding: 1%;
}

#feedback {
    border: 2px solid black;
    border-top: none;
    margin: 0 3%;
    width: 40%;
    padding: 1%;
    text-align: center;
    background-color: #ffb;
    /*clear: both; */
    display: none;
}

#feedback button {
    margin: 0 2%;
    
}

#front {
    background-color: #ffb;
    border: 2px solid black;
    border-bottom: 1px solid black;
    margin: 3% 3% 0 3%;
    padding: 2% 1% 1% 1%;
    font-size: 3.5em;
    line-height: 1.2em;
    text-align:center;
    width: 40%;
    float: left;
}

#frontEntry {
    background-color: #ffb;
    border: thin black solid;
    padding: 1%;
    width: 20%;
}

#setup {
    padding: 0 0 1% 1%;
}

#showButton {
/*    border: 2px solid black;
    border-top: none;
    margin: 0 3%;
    width: 40%;
    padding: 1%;
    text-align: center;
    background-color: #ffb;
    clear: both; */
}